<template>
  <div>
    <h1 style="margin-left: 30px">党政宣传</h1>
    <el-row>
      <el-col :span="6" v-for="item in imgButtonList" :key="item">
        <router-link :to="item.link" style="text-decoration: none">
          <img :src="item.src" height="300" width="300" style="padding: 30px"/>
        </router-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Dangzhengxuanchuan",
  data() {
    return {
      imgButtonList: [
        {
          name: "京铁政工",
          src: require("@/assets/img/dangzheng/zhenggong.jpg"),
          link: "/Zhenggong",
        },
        {
          name: "京铁调研",
          src: require("@/assets/img/dangzheng/diaoyan.jpg"),
          link: "/Diaoyan",
        },
        {
          name: "党代会报告",
          src: require("@/assets/img/dangzheng/baogao.jpg"),
          link: "/Baogao",
        },
        {
          name: "政治工作论文",
          src: require("@/assets/img/dangzheng/lunwen.jpg"),
          link: "/Gongzuolunwen",
        },
      ],
    };
  },
};
</script>

<style scoped></style>
